//
//  SSWBVisitorView.swift
//  shanshanlol微博
//
//  Created by 叶竞泽 on 2017/1/14.
//  Copyright © 2017年 JingZe. All rights reserved.
//

import UIKit

/// 访客视图
class SSWBVisitorView: UIView {
    
    // MARK: - 属性
    
    // MARK: - 私有控件
    
    /// 转轮
    lazy var iconView: UIImageView = UIImageView(image: UIImage(named: "visitordiscover_feed_image_smallicon"))
    
    /// 遮罩图像
    lazy var maskIcon: UIImageView = UIImageView(image: UIImage(named: "visitordiscover_feed_mask_smallicon"))
    
    /// 小房子
    lazy var houseIconView: UIImageView = UIImageView(image: UIImage(named: "visitordiscover_feed_image_house"))
    
    /// 提示文字
    lazy var tipLabel: UILabel = UILabel.cz_label(withText: "关注一些人，回这里看看有什么惊喜。", fontSize: 14, color: UIColor.darkGray)
    
    /// 注册按钮
    lazy var regButton: UIButton = UIButton.cz_textButton("注册", fontSize: 16, normalColor: UIColor.orange, highlightedColor: UIColor.black, backgroundImageName: "common_button_white_disable")
    
    /// 登录按钮
    lazy var loginButton: UIButton = UIButton.cz_textButton("登录", fontSize: 16, normalColor: UIColor.darkGray, highlightedColor: UIColor.black, backgroundImageName: "common_button_white_disable")
    
    /// 访客视图的信息字典: [imageName: message]
    /// 如果是首页,imageName == ""
    var visitorInfo: [String: String]? {
        
        didSet {
            // 1.取字典信息
            guard let imageName = visitorInfo?["imageName"], let message = visitorInfo?["message"] else {
                return
            }
            
            // 2.设置消息
            tipLabel.text = message
            
            // 3.设置图像,如果是主页,开始旋转动画并退出
            if imageName == "" {
                startRotation()
                return
            }
            
            iconView.image = UIImage(named: imageName)
            // 除了主页,其他页面不需要显示小房子
            houseIconView.isHidden = true
            // 除了主页,其他页面不需要显示遮罩视图
            maskIcon.isHidden = true
        }
    }
    
    // MARK: - 生命周期
    
    override init(frame: CGRect) {
        super.init(frame: frame)
        setupUI()
    }
    
    required init?(coder aDecoder: NSCoder) {
        super.init(coder: aDecoder)
    }
    
    
    /// 开始旋转转轮
    fileprivate func startRotation() {
        
        // 设置动画
        let animation = CABasicAnimation(keyPath: "transform.rotation")
        animation.toValue = 2 * M_PI
        animation.repeatCount = MAXFLOAT
        animation.duration = 15
        
        // 动画完成后不删除,如果不设置,动画会被一起销毁
        // 设置连续播放的动画非常有用
        animation.isRemovedOnCompletion = false
        
        // 把动画添加到图层
        iconView.layer.add(animation, forKey: nil)
    }
    
}

// MARK: - 设置界面
extension SSWBVisitorView {
    
    func setupUI() {
        
        backgroundColor = UIColor.cz_color(withHex: 0xEDEDED)
        
        // 1.添加控件
        addSubview(iconView)
        addSubview(maskIcon)
        addSubview(houseIconView)
        addSubview(tipLabel)
        addSubview(regButton)
        addSubview(loginButton)
        
        tipLabel.textAlignment = .center
        
        // 2.取消autoresizes
        for v in subviews {
            v.translatesAutoresizingMaskIntoConstraints = false
        }
        
        // 3.自动布局
        let margin: CGFloat = 20
        // 布局转轮
        addConstraint(NSLayoutConstraint(item: iconView, attribute: .centerX, relatedBy: .equal, toItem: self, attribute: .centerX, multiplier: 1, constant: 0))
        addConstraint(NSLayoutConstraint(item: iconView, attribute: .centerY, relatedBy: .equal, toItem: self, attribute: .centerY, multiplier: 1, constant: -60))
        // 布局遮罩图像,使用vfl方案
        // views定义vfl中的控件名称和实际名称的映射关系
        let viewDict: [String : AnyObject] = ["maskIcon": maskIcon, "regButton": regButton]
        let metrics = ["spacing": -35]
        addConstraints(NSLayoutConstraint.constraints(withVisualFormat: "H:|-0-[maskIcon]-0-|", options: [], metrics: nil, views: viewDict))
        addConstraints(NSLayoutConstraint.constraints(withVisualFormat: "V:|-0-[maskIcon]-(spacing)-[regButton]", options: [], metrics: metrics, views: viewDict))
        // 布局小房子
        addConstraint(NSLayoutConstraint(item: houseIconView, attribute: .centerX, relatedBy: .equal, toItem: iconView, attribute: .centerX, multiplier: 1, constant: 0))
        addConstraint(NSLayoutConstraint(item: houseIconView, attribute: .centerY, relatedBy: .equal, toItem: iconView, attribute: .centerY, multiplier: 1, constant: 0))
        // 3.提示标签
        addConstraint(NSLayoutConstraint(item: tipLabel, attribute: .centerX, relatedBy: .equal, toItem: iconView, attribute: .centerX, multiplier: 1, constant: 0))
        addConstraint(NSLayoutConstraint(item: tipLabel, attribute: .top, relatedBy: .equal, toItem: iconView, attribute: .bottom, multiplier: 1, constant: margin))
        addConstraint(NSLayoutConstraint(item: tipLabel, attribute: .width, relatedBy: .equal, toItem: nil, attribute: .notAnAttribute, multiplier: 1, constant: 200))
        // 4.注册按钮
        addConstraint(NSLayoutConstraint(item: regButton, attribute: .left, relatedBy: .equal, toItem: tipLabel, attribute: .left, multiplier: 1, constant: 0))
        addConstraint(NSLayoutConstraint(item: regButton, attribute: .top, relatedBy: .equal, toItem: tipLabel, attribute: .bottom, multiplier: 1, constant: margin))
        addConstraint(NSLayoutConstraint(item: regButton, attribute: .width, relatedBy: .equal, toItem: nil, attribute: .notAnAttribute, multiplier: 1, constant: 90))
        // 5.登录按钮
        addConstraint(NSLayoutConstraint(item: loginButton, attribute: .right, relatedBy: .equal, toItem: tipLabel, attribute: .right, multiplier: 1, constant: 0))
        addConstraint(NSLayoutConstraint(item: loginButton, attribute: .top, relatedBy: .equal, toItem: tipLabel, attribute: .bottom, multiplier: 1, constant: margin))
        addConstraint(NSLayoutConstraint(item: loginButton, attribute: .width, relatedBy: .equal, toItem: nil, attribute: .notAnAttribute, multiplier: 1, constant: 90))
    }
    
}
